<style type="text/css">
    .pagationDiv{
    	display:block;
    }
       .pagationDiv ul{
	    list-style:none;
	    margin: 0 auto;      /*��ul��div��ˮƽ���� */
	    padding:0;
	    text-align:center;  /*��li��ul��ˮƽ����*/
	}
	.pagationDiv ul li{
	    display:inline-block;
	    height:30px;
		margin-right:10px;
	    line-height:30px;
	    text-align: center;  
	}
	.pagationDiv ul li a{
	    border:1px solid teal;
	    padding-left:5px;
	    padding-right:5px;
	}
	.pagationDiv ul li a.noborder{
		border:0px solid blue;
	}
	.pagationDiv ul li a:hover{
		background:navy;
		color:white;
	}
</style>

<div id="list5pagationDiv" class="pagationDiv">
	<ul>
		<li><a id="prevPageLink" href="#">上一页</a></li>
		<li><a id="fisrtPageLink" href="#">first</a></li>
		<li><a id="prevDotsLink" href="javascript:void();" class="noborder">...</a></li>
		
		<li><a id="page1Link" href="#">1</a></li>
		<li><a id="page2Link" href="#">2</a></li>
		<li><a id="page3Link" href="#">3</a></li>
		<li><a id="page4Link" href="#">4</a></li>
		<li><a id="page5Link" href="#">5</a></li>
		<li><a id="page6Link" href="#">6</a></li>
		<li><a id="page7Link" href="#">7</a></li>
		<li><a id="page8Link" href="#">8</a></li>
		<li><a id="page9Link" href="#">9</a></li>
		
		<li><a id="nextDotsLink" href="javascript:void();" class="noborder">...</a></li>
		<li><a id="lastPageLink" href="#">last</a></li>
		<li><a id="nextPageLink" href="#">下一页</a></li>
	</ul>
</div>

<script type="text/javascript">
   	// 调整分页栏
   	function adjustPagation(pageNo,pageCount){
   		console.log("总页数="+pageCount);
   		console.log("当前页="+pageNo);
   	
   		// 如果只有一页，那分页div就没必要出来，否则显示
   		if(pageCount==1){
   			$("#list5pagationDiv").hide();
   			return;
   		}else{
   			$("#list5pagationDiv").show();
   		}
   		
   		// 上一页，下一页按钮的链接可以及时定夺
   		$('#prevPageLink').attr('href','javascript:pagedQuery("'+(pageNo-1)+'");');
   		$('#nextPageLink').attr('href','javascript:pagedQuery("'+(pageNo+1)+'");');
   		
   		// 如果是第一页，那么上一页就不用显示
   		if(pageNo==0){
   			$("#prevPageLink").parent().hide();
   		}else{
   			$("#prevPageLink").parent().show();
   		}
   		
   		// 如果是最后一页，那么下一页就不用显示
   		if(pageNo==pageCount-1){
   			$("#nextPageLink").parent().hide();
   		}else{
   			$("#nextPageLink").parent().show();
   		}
   		
   		var begin;// 起始页
		var end;  // 结束页
		
		//总共显示9个页码
		if(pageCount<9){
		   begin=1;
		   end=pageCount;  
		}
		else{
		  begin=pageNo-3;
		  end=pageNo+5;
		  
		  if(begin<1){
		     begin=1;
		     end=begin+8;
		  }
		   if(end>pageCount){
		      end=pageCount;
		      begin=end-8;
		   }     
		}
		
		console.log("begin="+begin);
		console.log("end="+end);
		
		// 九个钮先隐藏
		for(var i=1;i<=9;i++){
			var btnId="#page"+i+"Link";
			$(btnId).parent().hide();
		}
		
		for(var i=begin;i<=end;i++){
		  	var btnIdx=i-begin+1;
		  	var btnId="#page"+btnIdx+"Link";
		  	
		  	$(btnId).text(" "+i+" ");
		  	$(btnId).parent().show();
   			$(btnId).attr('href','javascript:pagedQuery("'+(i-1)+'");');
   			
   			// 当前页不显示边框,链接失效
  				if((i-1)==pageNo){
  					$(btnId).attr("class","noborder");
  					$(btnId).attr('href','javascript:void();');
  				}else{
  					$(btnId).attr("class","");
  				}
		}
		
		// 1不显示，2不显示，3开始才显示...
		var value=parseInt($("#page1Link").text());
		if(value>=3){
			$("#prevDotsLink").parent().show();
		}else{
			$("#prevDotsLink").parent().hide();
		}
		
		// 1不显示，2开始才显示首页
		if(value>=2){
			$("#fisrtPageLink").text("1");
			$("#fisrtPageLink").parent().show();
			$("#fisrtPageLink").attr('href','javascript:pagedQuery(0);');
		}else{
			$("#fisrtPageLink").parent().hide();
		}
		
		// -1(pageCount-1)不显示，-2(pageCount-2)不显示，-3才显示...
		value=parseInt($("#page9Link").text());
		if(value<=pageCount-2){
			$("#nextDotsLink").parent().show();
		}else{
			$("#nextDotsLink").parent().hide();
		}
		
		if(value<pageCount){
			$("#lastPageLink").text(pageCount);
			$("#lastPageLink").parent().show();
			$("#lastPageLink").attr('href','javascript:pagedQuery("'+(pageCount-1)+'");');
		}else{
			$("#lastPageLink").parent().hide();
		}
   	}
</script>